<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册-娜拉美妆采销NALA - 为全球美妆商家提供采销服务的平台 </title>
    <link rel="shortcut icon" href="https://img.nala.com.cn/images/b2b/2019/favicon.ico" type="image/x-icon">
</head>
<link rel="stylesheet" href="./css/register.css">
<body>
    <!-- 顶部登录栏/ -->
    <div class="boss1">
        <div class="box1">
            <ul class="ul1">
                <li>您好,欢迎来到<a href=#">NALA</a>！【 <a href="./login.html" class="b1_red">请登录&nbsp;</a><s>&nbsp;&nbsp;</s><a href="./register.html">&nbsp;免费注册</a> 】
                </li>
            </ul>
            <ul class="ul2">
                <li><a href="#">我的现货单</a></li>
                <li><a href="#">我的订货单</a></li>
                <li><a href="#">我的收藏</a></li>
                <li><a href="#">帮助中心</a></li>
                <li class="er">
                        <a href="#" class="nala" id="nala">
                            <i class="iconfont icon-shouji"></i>
                            手机逛NALA
                        </a>
                    <div class="erwm">
                        <img src="./imgs/app-wx.png" alt="微信小程序">
                        <p>微信小程序</p>
                    </div>
                </li>
            </ul>
            
        </div>
    </div>
    <!-- 搜索LOGO栏 -->
    <div class="boss2">
        <div class="box2">
            <a href="./frontPage.html" class="logo">
                <img src="./imgs/logojing.png" alt="NALA美妆">
            </a>
            <div class="page_title"><h2>手机验证</h2></div>
        </div>
    </div>
<!-- 弹窗 -->
<div class="alert-box-mask">
    <div class="protocol-box">
        <div class="close-box" onclick="closeBo()"></div>
        <div class="pro-title">协议订立须知</div>
        <div class="pro-content">
            <p><b>在您注册成为娜拉用户的过程中，您需要完成我们的注册流程并通过点击同意的形式签署《娜拉美妆用户协议》、《娜拉隐私权政策》</b>。
            </p>
            <p><b>★
                    <text class="double-lines">审慎阅读</text>
                    ：</b>您在申请用户注册流程中点击同意并接受协议之前，应当认真阅读《娜拉美妆用户协议》和《娜拉隐私权政策》（“协议”）。<b>
                    <text class="one-line">
                        请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款，并确定了解我们对您个人信息的处理规则。您有权选择同意或者不同意协议。
                    </text>
                </b>如您对协议有任何疑问，可向聚美客服咨询。
            </p>
            <p><b>★
                    <text class="double-lines">签约动作</text>
                    ：</b>当您按照注册页面提示填写信息、<b>
                    <text class="one-line">点击“同意协议并注册”且完成全部注册程序后，</text>
                </b>即表示您已充分阅读、理解并接受协议的全部内容，您同意娜拉可以依据隐私政策内容来处理您的个人信息，同时也表明您与聚美达成一致，成为娜拉“用户”。
            </p>
            <p class="one-line"><b>阅读协议过程中，如您不同意相关协议或其中任何条款约定，应立即停止注册程序或停止使用娜拉平台服务。 </b>
            </p>

            <button class="ok" >确定</button>
        </div>
    </div>
</div>
<!-- 中心部分 -->
<div class="main">
    <div class="pic">
        <div class="img">
            <img src="./imgs/login-pic.jpg" alt="">
        </div>
    </div>
    <div class="login">
        <h2>
            <div class="trig">已有账号 &nbsp;
                <a href="./login.html">点此登录</a>
            </div>
            注册
        </h2>
        <div class="form_box">
            <form action="#" method="post">
                <ul class="form">
                    <li class="text_input tel">
                        <i style="color: #ef2635;">*&nbsp;&nbsp;</i><span style="margin-right: 13px;">手机号:</span>
                        <input id="tel" type="text" placeholder="手机号" maxlength="11" required=true><span style="font-size: 12px;color: red;"></span>
                    </li>
                    <li class="text_input password">
                        <i style="color: #ef2635;">*&nbsp;&nbsp;</i><span class="that" style="margin-right: 28px;">密码:</span>
                        <input id="pw" type="password" placeholder="密码" maxlength="30" required=true><span style="font-size: 12px;color: red;"></span>
                    </li>
                    <li class="text_input password">
                        <i style="color: #ef2635;">*&nbsp;&nbsp;</i><span class="that" style="margin-right: 28px;" >确认密码:</span>
                        <input id="pww" type="password" placeholder="再输入一次密码" maxlength="30" required=true equalTo="#pw"><span style="font-size: 12px;color: red;"></span>
                    </li>
                    <li class="last">
                        <input id="btn" type="button" value="同意协议并注册" class="btn">
                    </li>
                </ul>
            </form>
        </div>
    </div>
</div>
    <!-- 服务栏 -->
    <div class="foot_service">
        <ul>
            <li>
                <img src="./imgs/f1.png" alt="">
                <h5>正品货源</h5>
                <p>可申请品牌授权、原装进口、中文标签</p>
            </li>
            <li>
                <img src="./imgs/f2.png" alt="">
                <h5>专属服务</h5>
                <p>一对一分配服务、运营指导</p>
            </li>
            <li>
                <img src="./imgs/f3.png" alt="">
                <h5>低价优势</h5>
                <p>基于10年供应链的深耕和建设</p>
            </li>
            <li>
                <img src="./imgs/f4.png" alt="">
                <h5>售后无忧</h5>
                <p>退货退款、退差价、开发票、产品资质等</p>
            </li>
            <li>
                <img src="./imgs/f5.png" alt="">
                <h5>极速物流</h5>
                <p>仓库直发，闪电配送</p>
            </li>
        </ul>
    </div>
    <!-- 底部信息栏 -->
    <div class="bottom">
        <div class="anav">
            <a href="">关于我们</a><cite>/</cite>
            <a href="">联系我们</a><cite>/</cite>
            <a href="">人才招聘</a><cite>/</cite>
            <a href="">红人合作</a><cite>/</cite>
            <a href="">品牌研发</a><cite>/</cite>
            <a href="">多元渠道</a><cite>/</cite>
        </div>
        <div class="txt">
            <p>©2021 娜拉 nala.com.cn 浙江娜拉企业服务有限公司 备案/许可证号 
                <a href="#">浙ICP备19008037号-2</a>
                增值电信业务许可证：浙B2-20191107</p>
        </div>
    </div>
</body>
<script src="./js/register.js"></script>
<script src="./libs/jquery.js"></script>
<script src="./libs/jquery.validate.js"></script>
<script src="./libs/jquery.validate.messages_zh.js"></script>
<script>
    $("form").validate()
</script>
</html>